<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>天气预报</title>

		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
	</head>

	<body>
		<div class="box">
			<div class="container">
				<input type="text" id="inp" placeholder="请输入城市" value="伯克利" />
				<ul id="today">
					<li>
						<a href="#">今天</a>
					</li>
					<li>
						<a href="#">未来7天</a>
					</li>
					<li>
						<a href="#">8-15天</a>
					</li>
					<li>
						<a href="#">40天</a>
					</li>
					<li>
						<a href="#">雷达图</a>
					</li>
				</ul>
				<ul id="weather">
					<li>
						<p>19日（今天）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>20日（明天）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>21日（后天）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>22日（周日）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>23日（周一）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>24日（周二）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>25日（周三）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
				</ul>
				<div>
					<ul id="talk">
						<li class="active">
							<a href="#">分时段预报</a>
						</li>
						<li>
							<a href="#">生活指数</a>
						</li>
					</ul>
					<ul id="report">
						<li>
							<p></p>
							<p>
								<span></span>/
								<span></span>摄氏度
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
						<li>
							<p>08时</p>
							<p>18℃</p>
							<p>西南风</p>
							<p><3级</p>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<script src="js/new_file.js"></script>
	</body>

</html>